﻿<div data-ng-controller="DjinnCtrl">
  <table style="width: 1000px">
    <tr>
      <td data-ng-repeat="djinni in Djinn" style="width: 400px;">
        {{djinni.name}}<br/>
        You have {{djinni.display}} pp. <br/>
        <input type="button" value="Power Up!" data-ng-click="Click(djinni)"/>
      </td>
    </tr>

    <tr data-ng-repeat="level in UnlockedLevels track by $index" data-ng-show="level.flag">
      <td data-ng-repeat="djinni in Djinn">
        <div data-ng-show="djinni.Things[level.id].flag">
          {{djinni.name}} {{djinni.Things[level.id].name}}:{{djinni.Things[level.id].num}}<br/>
          <input type="button" value="Buy" data-ng-click="BuyThing(djinni,djinni.Things[level.id])"/> Cost: {{djinni.Things[level.id].cost}}pp
        </div>
      </td>
    </tr>
  </table>
</div>
